<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js ie6 oldie" lang="en"><![endif]-->
<!--[if IE 7]><html class="no-js ie7 oldie" lang="en"><![endif]-->
<!--[if IE 8]><html class="no-js ie8 oldie" lang="en"><![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="en" />
<link rel="stylesheet" type="text/css" href="/assets/66768eea/srbac.css" />
<title>Shopping Cart</title>

<!-- Modernizr -->
<script src="/assets/js/modernizr-2.5.3.js"></script>

<!-- CSS -->
<link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="/assets/css/plugins.css" />
<link rel="stylesheet" href="/assets/css/cart.css" />
</head>

<body class="index">
	<div class="container">
		<header>
			<!-- Navigation bar -->
			<div class="navbar">
				<div class="navbar-inner">
					<div class="container">
						<ul class="nav" id="yw0">
							<li class="active"><a href="/index.php">Home</a></li>
						</ul>
					</div>
				</div>
			</div>
		</header>

		<!-- breadcrumbs -->

		<section id="main">
			<h1>Online Store</h1>

			<div id="alert-box" class="hide alert alert-error">Error</div>

			<div class="row">
				<div class="span8">
					<form method="post" action="/api.php" name="cart-form">
						<label for="itemName">Line Item: <input type="text" name="itemName" class="span3" autocomplete="off" required/></label>
						<label for="itemQuantity">Quantity: <input type="number" name="itemQuantity" class="span1" autocomplete="off" required/></label>
						<input type="submit" value="Add Item" class="btn btn-primary"/>
					</form>
				</div>
				<div class="span4">
					<strong>Cart</strong>

					<ul id="cart-items">
					</ul>
				</div>
			</div>
		</section>

		<div class="clear"></div>

		<footer>
			<div class="row">
				<div class="span5">
					<p id="copyright">Copyright &copy; 2012 Brandon</p>
				</div>
				<div class="span7">
					<nav>
						<ul class="nav nav-pills pull-right">
							<li><a href="index.php">Home</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</footer>
	</div>
	<!-- container -->

	<script src="//code.jquery.com/jquery-1.7.2.min.js"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
	<script src="/assets/js/bootstrap.min.js"></script>
	<!-- <script src="/assets/js/datatables-1.9.0.js"></script> -->
	<script src="/assets/js/plugins.js"></script>
	<script src="/assets/js/cart.js"></script>
</body>
</html>
